<template>
  <div id="DownLoad">
    <v-header3 :title="title"></v-header3>
    <div class="down" :style="{height: DownHeights + 'px'}">
        <a href="">立即下载</a>
    </div>
  </div>
</template>
<script>
import vHeader3 from "../components/common/Header3";
export default {
    data(){
        return{
            DownHeights:'',
            title:'有个车APP下载'
        }
    },
  components: {
    vHeader3
  },
  methods: {
    DownHeight() {
      let winHeight =
        window.innerHeight ||
        document.documentElement.clientHeight ||
        document.body.clientHeight;
      this.DownHeights =
        winHeight - 44;
    }
  },
   mounted() {
    this.DownHeight();
  }
};
</script>
<style lang="scss">
#DownLoad {
  .down {
      position: relative;
    background: url(../../static/m_img/download.png) center no-repeat;
    background-size: cover;
    height: 100%;
    display: flex;
    justify-content: center;
    a{
        color: #fff;
        font-size:1.666667rem;
        background:linear-gradient(0deg,rgba(0,137,255,1),rgba(0,188,255,1));
        border-radius:45px;
        height:8%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom:50px;
    }
  }
}
</style>
